<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="http://localhost:9019/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://localhost:9019/css/icon.css">
    <script type="text/javascript" src="http://localhost:9019/js/jquery.min.js"></script>
    <script type="text/javascript" src="http://localhost:9019/js/jquery.easyui.min.js"></script>
    <style>
        .westname
        {
            text-decoration:none;
        }
        #down{
            height: 25%;
            background-color: aliceblue;
        }
    </style>
    <script type="text/javascript">
        $(function(){
            $('.westname').click(function(){
                var name = this.innerHTML;
                var url = this.href;
                //通过获取的名字创建选项卡
                crateTabs(name,url);
                //让超链接不跳转
                return false;
            });

        });

        //创建tabs的函数
        function crateTabs(name,url){
            if($('#tt').tabs('exists',name)){
                $('#tt').tabs('select',name);
            }else{
                $('#tt').tabs('add',{
                    title:name,
                    content:createUrl(url),
                    closable:true
                });
            }
        }
        //使用iframe转化里面的数据使之返回的是url里面的数据
        function createUrl(url){
            return "<iframe src='"+url+"' style='border:0px;width:100%;height:95%;'></iframe>";
        }

    </script>
</head>
<body>

<div id="cc" class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',split:true" style="height:100px; background-image: url('http://localhost:9019/images/header.png')">
        <div id="down">
            <label style="color: black">系统时间:</label>
            <label id="time" style="color: black"></label>
            <label style="color: black">欢迎您:</label>
            <label style="color: black" th:text="${session.user.userName}"></label>
        </div>
    </div>

    <div data-options="region:'west',title:'系统菜单',split:true" style="width:100px;">
        <div id="aa" class="easyui-accordion"  data-options="fit:true">
            <div title="系统管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="xitong_customer.do" class="westname" >客户管理</a><br/>
                <a href="xitong_user.do" class="westname" >用户管理</a><br/>
                <a href="xitong_group.do" class="westname" >组管理</a><br/>
                <a href="xitong_perm.do" class="westname" >权限管理</a><br/>
                <a href="cangku.do" class="westname" >仓库余量</a><br/>

            </div>
            <div title="入库管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="rukubanli.do" class="westname">入库办理</a><br/>
                <a href="yhzpan.do" class="westname">验货装盘</a><br/>
                <a href="rkjsuan.do" class="westname">入库结算</a><br/>
                <a href="hwrku.do" class="westname">货物入库</a><br/>
                <a href="rkdcxun.do" class="westname">入库单查询</a><br/>
                <a href="rkmxcxun.do" class="westname">入库明细查询</a>

            </div>
            <div title="出库管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="getChukubanli.do" class="westname">出库办理</a><br/>
                <a href="getManyCangkuName.do" class="westname">出库确认</a><br/>
                <a href="chukudanChaxun.do" class="westname">出库单查询</a><br/>
                <a href="chukudanmingxichaxun.do" class="westname">出库明细查询</a>
            </div>
            <div title="过户管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="guohu_manger.do" class="westname">过户办理</a><br/>
                <a href="guohu_use.do" class="westname">过户单管理</a>
            </div>
            <div title="调仓管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="#" class="westname">货物移盘</a><br/>
                <a href="#" class="westname">托盘调仓</a>
            </div>
            <div title="库存盘点" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="KuCunPanDian.do" class="westname">库存盘点</a><br/>
                <a href="HuoZhuChaXun.do" class="westname">货主查询</a><br/>
                <a href="PanDianHistory.do" class="westname">盘点记录查询</a>
            </div>
            <div title="业务查询" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="#.do" class="westname">库存查询</a><br/>
                <a href="#.do" class="westname">仓库使用率</a><br/>
                <a href="#" class="westname">仓库使用明细</a>
            </div>
            <div title="资产管理" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="#.do" class="westname">仓库管理</a><br/>
                <a href="#.do" class="westname">仓位管理</a><br/>
                <a href="#" class="westname">托盘管理</a>
            </div>
            <div title="仓储报表" data-options="iconCls:'icon-reload'" style="padding: 10px;">
                <a href="#.do" class="westname">仓库库存</a><br/>
                <a href="#.do" class="westname">盈利情况</a>
            </div>
        </div>
    </div>

    <div data-options="region:'center',title:''" style="padding:5px;background:#eee;">
        <div id="tt" class="easyui-tabs" data-options="fit:true">
            <!--            <div title="数据资料" data-options="closable:true" style="overflow: auto; padding: 20px; display: none;">这是数据资料</div>-->
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    $(function () {
        getTime();
        var setTime = setInterval(getTime,1000);
        $("#time").html(setTime);
    });
    function getTime() {
        var data = new Date();
        $("#time").html(data.toLocaleString());
    }
</script>
</html>
